<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-touch-fullscreen" content="yes" />
<meta name="format-detection" content="telephone=no"/>
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta name="format-detection" content="telephone=no" />
<meta name="msapplication-tap-highlight" content="no" />
<meta name="viewport" content="initial-scale=1,maximum-scale=1,minimum-scale=1" />
<title>宝凯俪德商城-会员计划</title>
<link rel="stylesheet" type="text/css" href="../../css/base.css">
<link rel="stylesheet" type="text/css" href="../../css/nctouch_member.css">
<style>
.ncp-member-info {
	padding: 9px 19px;
	overflow: hidden;
	font-size:0.5rem;
	background-color: #FFFFFF;
	border-bottom: solid 0.05rem #EEE;
}
.ncp-member-info .avatar {
width: 88px;
height: 88px;
float: left;
position: relative;
z-index: 1;
}
.ncp-member-info .avatar img {
width: 80px;
height: 80px;
position: absolute;
z-index: 1;
top: 4px;
left: 4px;
border-radius: 100%;
}
.ncp-member-info dl {
display: block;
width: 140px;
float: left;
margin: 10px 0 0 10px;
}
.ncp-member-info .avatar .frame {
background: url(../images/point_bg.png) no-repeat 0 0;
width: 88px;
height: 88px;
position: absolute;
z-index: 2;
top: 0;
left: 0;
}
.ncp-member-info dt {
font: 600 14px/20px "microsoft yahei";
margin-bottom: 6px;
}
.ncp-member-info dd {
line-height: 22px;
}
.ncp-member-grade {
background-color: #FFFBF3;
text-align: center;
width: 100%;
padding: 9px 0;
border-top: solid 1px #FED4AE;
border-bottom: solid 1px #FED4AE;
}
.ncp-member-grade .progress-bar {
font-size: 0;
display: block;
}
.ncp-member-grade .progress-bar em {
font: 12px/20px "microsoft yahei";
text-align: center;
width: 30px;
}
.ncp-member-grade .progress-bar em, .ncp-member-grade .progress-bar span {
vertical-align: middle;
letter-spacing: normal;
word-spacing: normal;
display: inline-block;
}
.ncp-member-grade .progress-bar span {
background-color: #CCC;
width: 200px;
height: 10px;
border-radius: 5px;
}
.ncp-member-grade .progress-bar em, .ncp-member-grade .progress-bar span {
vertical-align: middle;
letter-spacing: normal;
word-spacing: normal;
display: inline-block;
}
Inherited from div.progress-bar
.ncp-member-grade .progress-bar {
font-size: 0;
}
Inherited from div.ncp-member-grade
.ncp-member-grade {
text-align: center;
}
.ncp-member-grade .progress-bar span i {
background-color: #D93600;
display: block;
height: 10px;
border-radius: 5px;
}
.ncp-member-grade .progress-bar em {
font: 12px/20px "microsoft yahei";
text-align: center;
width: 30px;
}
.ncp-member-grade .progress-bar em, .ncp-member-grade .progress-bar span {
vertical-align: middle;
letter-spacing: normal;
word-spacing: normal;
display: inline-block;
}
.ncp-member-grade .progress {
color: #AAA;
text-align: center;
margin-top: 5px;
font-size:0.5rem;
}
.ncp-member-grade .links {
text-align: center;
margin-top: 5px;
}
.ncp-member-grade .links {
text-align: center;
margin-top: 5px;
}
.ncp-member-grade .links a {
color: #005EA6;
margin: 0 20px;
font-size:0.5rem;
}
.ncp-gradeall-bar {
font-size: 0;
background:url(../../images/point_grade.jpg);  
filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";  
-moz-background-size:100% 100%;  
    background-size:100% 100%; 
height: 18px;
padding: 70px 00px 90px 0px;
}
.ncp-gradeall-bar .itemlevel {
font-size: 12px;
line-height: 20px;
letter-spacing: normal;
word-spacing: normal;
}
.ncp-gradeall-bar .itemlevel {
font-size: 12px;
line-height: 20px;
vertical-align: top;
letter-spacing: normal;
word-spacing: normal;
display: inline-block;
position: relative;
z-index: 1;
}
.ncp-gradeall-bar .exp-lv0 {
width: 0%;
}
.ncp-gradeall-bar .exp-lv0 .gradelabel {
display: none;
}
.ncp-gradeall-bar .gradelabel {
position: absolute;
z-index: 1;
top: -55px;
left: 0;
}
.ncp-gradeall-bar .gradelabel strong {
color: #333;
}
.ncp-gradeall-bar .gradelabel i {
color: #555;
}
.ncp-gradeall-bar .exp-lv1 {
width: 25%;
}
.ncp-gradeall-bar .gradelabel {
position: absolute;
z-index: 1;
top: 25px;
left: 15%;
font-size: 0.5rem;
}
.ncp-gradeall-bar .exp-lv2 {
width: 30%;
}
.ncp-gradeall-bar .exp-lv3 .gradelabel{
left:10%
}
.ncp-gradeall-bar .exp-lv2 .gradelabel{
left:10%
}
.ncp-gradeall-bar .exp-lv3 {
width: 25%;
}
.ncp-gradeall-bar .bar i {
background-color: #F66;
display: block;
width: 14px;
height: 14px;
border: solid 2px #FFF;
border-radius: 9px;
position: absolute;
z-index: 3;
top: 0px;
left: 50%;
}
.ncp-gradeall-bar .arrow {
font-size: 0;
border-color: transparent transparent #FFF transparent;
border-style: dashed dashed solid dashed;
border-width: 8px;
width: 0;
height: 0;
line-height: 0;
position: absolute;
z-index: 4;
top: 20px;
left: 50%;
}
.ncp-gradeall-bar .tips {
background-color: #FFF;
border-radius: 5px;
padding: 0 10px;
white-space: nowrap;
position: absolute;
z-index: 2;
top: 36px;
overflow: hidden;
}
.ncp-gradeall-bar .tips p {
color: #777;
padding: 5px;
border-bottom: dotted 1px #CCC;
}
.ncp-gradeall-bar .tips strong {
color: #F60;
}
.ncp-gradeall-bar .tips em {
color: #333;
}
</style>
</head>
<body>
<header id="header">
  <div class="header-wrap">
    <div class="header-l"><a href="javascript:history.go(-1)"><i class="back"></i></a></div>
    <div class="header-title">
      <h1>会员计划</h1>
    </div>
  </div>
  <div class="nctouch-nav-layout">
    <div class="nctouch-nav-menu"> <span class="arrow"></span>
      <ul>
        <li><a href="../../index.html"><i class="home"></i>首页</a></li>
        <li><a href="../search.html"><i class="search"></i>搜索</a></li>
        <li><a href="member.html"><i class="member"></i>个人中心</a><sup></sup></li>
        <li><a href="javascript:void(0);"><i class="message"></i>消息<sup></sup></a></li>
      </ul>
    </div>
  </div>
<!--去掉经验值
  <div class="header-wrap">
    <div class="header-l"><a href="javascript:history.go(-1)"><i class="back"></i></a></div>
    <div class="header-tab"><a href="grade.html" class="cur">我的成长进度</a><a href="exp_pointslog_list.html">经验值明细</a></div>
    <div class="header-r"> <a id="header-nav" href="javascript:void(0);"><i class="more"></i><sup></sup></a> </div>
  </div>
  <div class="nctouch-nav-layout">
    <div class="nctouch-nav-menu"> <span class="arrow"></span>
      <ul>
        <li><a href="../../index.html"><i class="home"></i>首页</a></li>
        <li><a href="../search.html"><i class="search"></i>搜索</a></li>
        <li><a href="member.html"><i class="member"></i>个人中心</a><sup></sup></li>
        <li><a href="javascript:void(0);"><i class="message"></i>消息<sup></sup></a></li>
      </ul>
    </div>
  </div> -->
</header>
<div class="nctouch-main-layout">
  <div id="pointscount" class="nctouch-asset-info mt5"></div>
</div>
<footer id="footer" class="bottom"></footer>
<script type="text/html" id="pointscount_model">
<div class="ncp-member-info mt5">
  <div class="avatar"><img src="/data/upload/shop/avatar/<%=member_info.avator;%>.jpg">
    <div class="frame"></div>
  </div>

  <dl>
    <dt>Hi, <%=member_info.member_name;%></dt>
    <dd>当前等级：<strong><%=member_info.level_name;%></strong></dd>
  </dl>
</div>


<div class="ncp-gradeall-bar mt5">
        <% for (var k  in membergrade_arr) {   var v = membergrade_arr[k]; %>
			<div class="itemlevel exp-lv<%=v.level;%>" >
			   <% if(v.level==member_info.level){%>
<div class="bar" title='经验值：<%=v.member_exppoints%>' style="margin-top: 49px;position: relative;"><i></i><span class="arrow"></span>
              <div class="tips" style='left:10%;'>
                <p> 我的当前等级： <strong><%=member_info.level_name;%></strong></p>
				<% if(v.level==0){%>
				<p>
                  充值<strong>999</strong>元（享受积分全返），即可成为<strong>创业会员</strong>！<br>零成本，无风险！一次创业，终身受益！
                <br>
				<a style="border:1px solid #C60; margin:2px 5px; padding: 2px 5px" href="upgrade_pdrecharge_add.html">升&nbsp;&nbsp;级</a>
				<%}%>
                </p>
				
				<% if(v.level==1){%>
                <p>
                  充值<strong>20000</strong>元（享受积分全返），即可成为<strong>报单中心</strong>！<br>与公司签署协议后，享受更高额的回报！
                <br>
				<a style="border:1px solid #C60; margin:2px 5px; padding: 2px 5px" href="upgrade_pdrecharge_add.html">升&nbsp;&nbsp;级</a>
				<%}%>
                </p>
				
				<% if(v.level==2){%>
                <p>
                  报单中心是您尊贵身份的象征，推荐会员和发展商家是我们共同的义务和责任。欢迎您的指导和监督，0539-6372888
                </p>
				<%}%>

				<% if(v.level==3){%>
                <p>
                  董事会员是您尊贵身份的象征，推荐会员和发展商家是我们共同的义务和责任。欢迎您的指导和监督，0539-6372888
                </p>
				<%}%>
                </p>
              </div>
            </div>
						  <%}%>
        <%}%>
</div>
</script> 
<script type="text/javascript" src="../../js/config.js"></script> 
<script type="text/javascript" src="../../js/zepto.min.js"></script> 
<script type="text/javascript" src="../../js/template.js"></script> 
<script type="text/javascript" src="../../js/common.js"></script> 
<script type="text/javascript" src="../../js/ncscroll-load.js"></script> 
<script>
    $(function(){
	$('#button').click(function(){
	    var red_points=$('#red_points').val();
	    if (red_points>0) {
	    	 $.ajax({
                type: "post",
                url: ApiUrl + "/index.php?act=member_points&op=memberpoints",
                data: {
                    red_points: red_points,
					'key':key        
                },
                dataType: "json",
                  success: function(a) {
				 // alert(a.datas.update);
                  if (a.datas.update>0) {
                        location.href = WapSiteUrl + "/tmpl/member/reds_pointslog_list.html"
                    } else {
					   alert('条件不购，您的经验值未达到100！');
                      //  location.href = WapSiteUrl
                    }
                }
            })
	    }else{
	    	alert('请输入正确的数值!');
	    }
	});
        var key = getCookie('key');
        if (!key) {
            window.location.href = WapSiteUrl+'/tmpl/member/login.html';
            return;
        }
        //渲染list
        //获取我的经验值
        $.getJSON(ApiUrl + '/index.php?act=member_index&op=my_asset', {'key':key,'fields':'point'}, function(result){
            var html = template.render('pointscount_model', result.datas);
            $("#pointscount").html(html);
        });
    });
</script>
</body>
</html>